@layout("/common/_container.html"){
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>用户分析 管理</h5>
            </div>
            <div class="ibox-content">
                <div style="display: flex;flex-direction: column;">
                    <div style="display: flex;flex-direction: row; " >
                        <div style="width:100%;">
                            <div style="font-size: 22px;
                            color: black;
                            margin-left: 15px;">用户区域分布统计TOP30</div>

                            <div id="region"
                                 style="width:100%;
                                 height: 550px;
                                 margin-top: 10px;"></div>
                        </div>
                    </div>

                    <div style="display: flex;flex-direction: row;margin-top: 20px;" >
                        <div style="width:50%;">
                            <div style="font-size: 22px;
                            color: black;
                            margin-left: 15px;">用户版本分布统计</div>
                            <div id="platformVersion"
                                 style="width:100%;
                                 height: 550px;
                                 margin-top: 10px;"></div>
                        </div>

                        <div style="width:50%;">
                            <div style="font-size: 22px;
                            color: black;
                            margin-left: 15px;">平台用户分布统计</div>

                            <div id="platform"
                                 style="width:100%;height: 550px;
                                 margin-top: 10px;"></div>
                        </div>

                        <div style="width:50%;">
                            <div style="font-size: 22px;
                            color: black;
                            margin-left: 15px;">用户付费率统计</div>

                            <div id="paymentInfo"
                                 style="width:100%;height: 550px;
                                 margin-top: 10px;"></div>
                        </div>

                    </div>

                    <div style="margin-top: 20px;">
                        <div style="font-size: 22px;
                                color: black;
                                margin-left: 15px;">VPN服务器节点连接累计统计</div>

                        <div id="connect"
                             style="width:100%;
                             height: 550px;
                             margin-top: 10px;"></div>
                    </div>


                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="${ctxPath}/static/dist/echarts.min.js" charset="utf-8"></script>
<script type="text/javascript" src="${ctxPath}/static/dist/echarts.common.min.js" charset="utf-8"></script>

<script src="${ctxPath}/static/modular/VpnUserAnalyze/vpnUserAnalyze/vpnUserAnalyze.js"></script>
@}
